body,ul,input,button,h2,p,dl,dt,dd,h4{
	margin: 0 ;
	padding: 0 ;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
.shortcuts{
	width: 100%;
	height: 30px;
	background: #f2f2f2;
	line-height: 30px;
	.typearea{
		width: 1190px;
		margin: 0 auto;
		a{
			color: #999999;
			font-size: 12px;
		}
		.collect{
			float: left;
			li{
				float: left;
				a{
					margin-right: 8px;
				}
			}
			li:last-child{
				padding-left: 12px;
				a{
					margin-right: 15px;
				}
			}
		}
		.user-center{
			float: right;
			li{
				float: left;
				margin-left: 15px;
				a{
					margin-left: 5px;
					margin-right: 5px;
				}
				img{
					width: 15px;
					height: 15px;
					vertical-align: middle;
					margin-right: 2px;
				}
			}
		}
	}
}
.advertising{
	width: 1190px;
	height: 100px;
	backgroung:red;
	margin: 5px auto;
}
.header{
	width: 1190px;
	height: 101px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	img{
		float: left;
	}
	.include{
		float: left;
		margin-left: 60px;
		padding-top: 30px;
		.search{
			width: 650px;
			height: 40px;
			border: 2px solid #c40000;
			input{
				width: 508px;
				height: 38px;
				line-height: 38px;
				border: 0;
				outline: none;
				margin-left: 2px;
				margin-top: 2px;
				padding-left: 6px;
			}
			button{
				background: #c40000;
				width: 130px;
				height: 40px;
				float: right;
				border: 0;
				font-size: 18px;
				color: #ffffff;
			}
		}
		.push{
			ul{
				li{
					float: left;
					a{
						font-size: 14px;
						color: #666666;
						margin-right: 5px;
					}
				}
			}
		}
	}
}
.nav{
	width: 100%;
	height: 37px;
	background: #dd2727;
	ul{
		width: 1190px;
		height: 37px;
		margin: 0 auto;
		font-size: 12px;
		font-weight: 600;
		line-height: 37px;
		h2{
			width: 185px;
			padding-left: 15px;
			font-size: 12px;
			float: left;
			background: #c40000;
			a{
				color: #ffffff;
			}
		}
		li{
			float: left;
			padding-left: 18px;
			padding-right:18px ;
			a{
				color: #ffffff;
				i{
					position: relative;
					color: #ffffff;
					left: 5px;
					top: -4px;
					font-size: 9px;
				}

			}
		}
	}
}
.content{
	width: 100%;
	overflow: hidden;
	background: url(../image/content-bg.jpg) no-repeat top center;
	.catalog{
		width: 1170px;
		height: 40px;
		margin: 0 auto;
		padding-left: 20px;
		font-size: 12px;
		line-height: 40px;
		span{
			a{
				color: #333333;
			}
		}
	}
	.subfield{
		width: 1190px;
		margin: 0 auto;
		height: 100%;
		.subfield-left{
			width: 200px;
			float: left;
			.filtrate{
				padding-bottom: 15px;
				border: 1px solid #DDDDDD;
				margin-bottom: 10px;
				.quick-filtrate{
					height: 36px;
					background: #EDEDED;
					border-bottom: 1px solid #DDDDDD;
					color: #333333;
					font: bold 14px/36px 微软雅黑;
					padding: 0 7px 0 10px;
					margin-bottom: 10px;
				}
				ul{
					padding: 0 15px;
					li{
						a{
							display: inline-block;
							font-size: 12px;
							color: #333333;
						}
					}
				}
			}
			.filtrate-last{
				@extend .filtrate;
				.quick-filtrate-last{
					@extend .quick-filtrate;
				}
				ul{
					padding: 0 15px;
					li{
						//overflow: hidden;
						height: 70px;
						border-bottom: 1px dotted #CCCCCC;
						padding: 10px 0;
						div{
							margin-right: 10px;
							float: left;
							width: 62px;
							border: 1px solid #EEEEEE;
							a{
								display: block;
								width: 62px;
								img{
									width: 62px;
									height: 62px;
								}
							}
						}
						a{
							width: 90px;
							float: left;
							font-size: 12px;
							color: #333333;
							
						}
						span{
							font-size: 12px;
							liine-height: 20px;
							color: #FF0000;
						}
					}
				}
			}
			
		}
		.subfield-right{
			overflow: hidden;
			.right-list{
				margin-left: 10px;
				border: 1px solid #DCDCDC;
				dl{
					height: 31px;
					font-size: 12px;
					line-height: 25px;
					padding: 8px 0 3px 0;
					border-bottom: 1px dotted #CCCCCC;
					dd{
						width: 98px;
						height: 25px;
						padding: 0 40px;
						float: left;
					}
					dt{
						float: left;
						
					}
				}
			}
			.choice{
				padding: 5px;
				margin-left: 10px;
				margin-top: 10px;
				background: #F1F2F1;
				line-height: 30px;
				ul{
					height: 30px;
					display: inline-block;
					vertical-align: middle;
					li{
						float: left;
						width: 55px;
						border: 1px solid #CCCCCC;
						border-right: 0;
						font-size: 12px;
						font-weight: 600;
						line-height: 26px;
						text-align: center;
						a{
							color:#3E3E3E;
							span{
								
							}
						}
					}
					li:last-of-type{
						border-right:1px solid #CCCCCC ;
					}
				}
				input{
					vertical-align: middle;
					margin-left: 20px;
				}
				span{
					vertical-align: middle;
					font-size: 12px;
				}
				.statistics{
					float: right;
					width: 104px;
					height: 30px;
					line-height: 30px;
					font-size: 12px;
				}
			}
			.choice-goods{
				margin-top: 8px;
				ul{
					margin-left: 10px;
					li{
						width: 200px;
						height: 360px;
						padding: 15px 17px 25px;
						margin-top: 10px;
						float: left;
						border-bottom: 1px solid #DDDDDD;
						a{
							display: block;
							position: relative;
							img{
								width: 210px;
								height: 210px;
							}
							p{
								font-size: 12px;
								height: 38px;
								white-space:pre-wrap;
								overflow: hidden;
								text-overflow: ellipsis;
								color: #333333;
							}
							p:last-of-type{
								color: #D03845;
							}
							b{
								background: #E35E5E;
								color: #FDFFFF;
								position: absolute;
								top: 0;
								right: 0;
							}
						}
						.price{
							span{
								font-size: 16px;
								line-height: 30px;
								font-weight: 600;
								color: #D03845;
							}
							span:nth-of-type(2){
								color: #FFFFFF;
								font-size: 12px;
								line-height: 18px;
								background: #4CA0FF;
								padding: 1px 2px;
								float: right;
							}
					
						}
					
						
						.goods-collect{
							border: 1px solid #D3D3D3;
							padding: 1px 6px;
							font-size: 12px;
							color: #333333;
							font-weight: 300;
							float: left;
							margin: 5px 0;
							clear: both;
						}
						.appraise{
							float: left;
							b{
								font-size: 12px;
								display: inline-block;
								width: 12px;
								height: 15px;
								background: url(../image/xing-you.jpg) no-repeat;
							}
							span{
								font-size: 12px;
								color: #0051AC;
								font-weight: 300;
								margin-left: 15px;
							}
						}
					}	
				}
			}
		}
	}
}

.user-help{
	width: 1080px;
	height: 120px;
	margin: 10px 42px auto;
	padding: 20px 55px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	.help{
		width:180px;
		height: 120px;
		float: left;
			li{
				height: 30px;
				margin-right: 15px;
				float: left;
				a{
					font-size: 12px;
					color: #666;
					line-height: 30px;
				}
			}
		}
	}
.user-help{
	width: 1080px;
	height: 120px;
	margin: 10px 42px auto;
	padding: 20px 55px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	.help{
		width:180px;
		height: 120px;
		float: left;
		li{
			height: 30px;
			margin-right: 15px;
			float: left;
			a{
				font-size: 12px;
				color: #666;
				line-height: 30px;
			}
		}
	}
}
.foot{
	width: 1190px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 30px;
	color: #666666;
	a{
		color: #333333;
	}
}